﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<base target="_blank">
<meta charset="utf-8">
<link rel="shortcut icon" href="images/favicon.ico" /> 
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<!--[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/selectivizr-min.js"></script>
<link rel="stylesheet" href="css/ie_7.css" type="text/css" />
<![endif]-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/all-in-one-min.js"></script>
<script type="text/javascript" src="js/setup.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript">
$(window).load(function(){
	$('#demo-side-bar').removeAttr('style');
});
</script>
<script type="text/javascript">
	$(function(){
		$("#province").change(function () {
			$.get("/trip/showCity",{id:$("#province").val()},function (data){
				$("#city").empty();
				$("#city").append("<option></option>");
				$.each(data,function(i,d){
					$("#city").append("<option value ='"+d.id+"'>"+d.name+"</option>")
				});
			});
		});
		$("#city").change(function(){
			$.get("/trip/showLocation",{id:$("#city").val()},function(data){
				$("#work").empty();
				$.each(data,function(i,d){
					if((i+1)%2==0){
						$("#work").append("<li id='id-2' class='util'><span class='recent_image'><a href='/trip/showLocationByLid/"+d.lID+"' data-rel='prettyPhoto' class='img-thumb'><img class='portfolio_image' src='"+d.liimgPath+"' alt='"+d.lName+"' /></a></span><span class='title'><a href='showLocationByLid/"+d.lID+"'>"+d.lName+"</a></span><span class='clear padding15'></span></li>")
					}else{
						$("#work").append("<li id='id-2' class='app'><span class='recent_image'><a href='/trip/showLocationByLid/"+d.lID+"' data-rel='prettyPhoto' class='img-thumb'><img class='portfolio_image' src='"+d.liimgPath+"' alt='"+d.lName+"' /></a></span><span class='title'><a href='showLocationByLid/"+d.lID+"'>"+d.lName+"</a></span><span class='clear padding15'></span></li>")
					}
				});
			});
		});
		$(".hotCity").click(function(){
			$.get("showLocation",{id:$(this).attr("href")},function(data){
				$("#work").empty();
				$.each(data,function(i,d){
					if((i+1)%2==0){
						$("#work").append("<li id='id-2' class='util'><span class='recent_image'><a href='/trip/showLocationByLid/"+d.lID+"' data-rel='prettyPhoto' class='img-thumb'><img class='portfolio_image' src='"+d.liimgPath+"' alt='"+d.lName+"' /></a></span><span class='title'><a href='showLocationByLid/"+d.lID+"'>"+d.lName+"</a></span><span class='clear padding15'></span></li>")
					}else{
						$("#work").append("<li id='id-2' class='app'><span class='recent_image'><a href='/trip/showLocationByLid/"+d.lID+"' data-rel='prettyPhoto' class='img-thumb'><img class='portfolio_image' src='"+d.liimgPath+"' alt='"+d.lName+"' /></a></span><span class='title'><a href='showLocationByLid/"+d.lID+"'>"+d.lName+"</a></span><span class='clear padding15'></span></li>")
					}
				});
			});
			return false;
		});
	});
</script>
<style type="text/css">
#youqinglianjie a{
		color: white;
	}
	#youqing ul li{
		display: inline-block;
	}
.demobar{display:none;}
#demo-side-bar{top:53px!important;left:90%!important;display:block!important;}
</style>
 <!--Dynamically creates ads markup-->
   <?php include("http://www.egrappler.com/ads-header.php"); ?>
	<!-- Header -->
	<header class="header_bg clearfix">
		<div class="container clearfix">
        	<!-- Social -->
            	<ul class="social-links">
                	<li ><a href="javascript:"><img src="images/facebook.png" alt="Facebook"></a></li>
                    <li ><a href="javascript:"><img src="images/twitter.png" width="24" height="24" alt="Twitter"></a></li>
                </ul>
            <!-- /Social -->
			 <!-- Logo -->
			<div class="logo">
				<a href="/trip/"><img src="images/logo.png" alt="" /></a>
			</div>
			 <!-- /Logo -->
			
			<!-- Master Nav -->
			<nav class="main-menu">
				<ul>
					<li><a href="/trip/">首页</a></li>
					<li>
						<a>分类</a>
						<ul>
							
							<li><a href="/trip/showhot">热门景点</a></li>
							
							<li><a href="elements.html">游玩直播</a></li>
							<li><a href="showNotes">达人游记</a></li>
							<li><a href="javascript:">攻略</a>
								<ul>
									<li><a href="pricing_2_cols.html">旅行路线</a></li>
                                    <li><a href="blog_single.html">微博动态</a></li>
                                    <li><a href="pricing_5_cols.html">问答</a></li>
									
								</ul>
							</li>
                            
                            <li><a href="full_width.html">美文</a></li>
						</ul>
					</li>
					<li><a>主题</a>
						<ul>
							<c:forEach var="t" items="${totalList}">
								<li><a href="/trip/showLocationByTotal/${t.tID}-${t.tName}">${t.tName}</a></li>
							</c:forEach>
						</ul>
					</li>
					<li><a href="user/reg">注册</a></li>
					<li><a href="user/login">登录</a></li>
				</ul>
			</nav>
			<!-- /Master Nav -->
		</div>
	</header>
	<!-- /Header -->
	
	<div class="clear"></div>
	
	<!-- Slider -->
    <div class="bannerbg">
        <div class="container clearfix">
                <div class="flexslider" >
                <ul class="slides">
                   <c:forEach var="l" items="${locationList}">
                		<li>
                			<a href="showLocationByLid/${l.lID}"><img src="${l.liimgPath}" alt="${l.lName}" /></a>
                        	<p class="flex-caption"><a href="#">${l.lName}</a></p>
                		</li>
                   </c:forEach>
                </ul>
            </div>
        </div>
    </div>
	<!-- /Slider -->
	
	<div class="clear padding40"></div>

	
	<!-- Content -->
	<section class="container clearfix">
	
		<!-- START FEATURED COLUMNS -->
		<c:forEach var="l" items="${locationTopList}" varStatus="i">
		<c:choose>
			<c:when test="${i.count%3==0}">
				<div class="col_1_3 last">
			<div class="features">
				<div class="title clearfix">	
					<h3>${l.lName}</h3>
				</div>
				<p>${l.lintro}<br /> <a href="/trip/showLocationByLid/${l.lID}">更多</a></p> 
			</div>
			</div>
			</c:when>
			<c:otherwise>
			<div class="col_1_3">
			<div class="features">
				<div class="title clearfix">	
					<h3>${l.lName}</h3>
				</div>
				<p>${l.lintro}<br /> <a href="/trip/showLocationByLid/${l.lID}">更多</a></p> 
			</div>
		</div>
			</c:otherwise>
		</c:choose>
		</c:forEach>
		<div class="clear padding10"></div>
		
		<div class="recent_works_left">
			<h2 class="red">热门城市</h2>
			
		<div class="city" style="font-size: 15px">
			<c:forEach var="c" items="${hotCityList}">
				<a href="${c.id}" class="hotCity">${c.name}</a>&nbsp;&nbsp;&nbsp;&nbsp;
			</c:forEach>
		<div>
			<strong style="font-size: 15px">其他热门城市：</strong>
			<strong style="font-size: 15px">省：</strong>
		<select id="province">
  			<c:forEach var="p" items="${AllProvinceList}">
  			<option value ="${p.id}">${p.name}</option>
  			</c:forEach>
		</select>
		<strong style="font-size: 15px">市：</strong>
		<select id="city">
			<option></option>
  			<c:forEach var="c" items="${CityForFirstProvinceList}">
  			<option value ="${c.id}">${c.name}</option>
  			</c:forEach>
		</select>
		</div>
		</div>
		</div>
		<div class="recent_works_arrows">
			<a href="#" class="prev_item"></a><a href="#" class="next_item"></a>
		</div>
		<div class="clear"></div>
		<div class="line"></div>
		<div class="clear padding30"></div>				
			<div class="recent_works">       
				<ul id="work">
				<c:forEach var="l" items="${LocationByFirstProvinceList}" varStatus="i">
					<c:choose>
						<c:when test="i.count%2==0">
						<li id="id-2" class="util">
						<span class="recent_image">
							<a href="${l.liimgPath}" data-rel="prettyPhoto" title="${l.lName}" class="img-thumb"><img class="portfolio_image" src="${l.liimgPath}" alt="${l.lName}" /></a>
						</span>
						<span class="title"><a href="/trip/showLocationByLid/${l.lID}">${l.lName}</a></span>
						<span class="clear padding15"></span>
						</li>
						</c:when>
						<c:otherwise>
						<li id="id-2" class="app">
						<span class="recent_image">
							<a href="${l.liimgPath}" data-rel="prettyPhoto" title="${l.lName}" class="img-thumb"><img class="portfolio_image" src="${l.liimgPath}" alt="${l.lName}" /></a>
						</span>
						<span class="title"><a href="/trip/showLocationByLid/${l.lID}">${l.lName}</a></span>
						<span class="clear padding15"></span>
					</li>
						</c:otherwise>
					</c:choose>
				</c:forEach>
				</ul>
			</div>
		
	</section>
	<!-- /Content -->
		
	
	
	<section class="homepage_widgets_bg clearfix">
		<div class="container clearfix">
		
			<div class="padding20"></div>
			
            
            <!-- START COL 1/2 -->
            <div id="youqinglianjie">
            	
           
			<div class="col_1_2 ">
				<h1 class="regular white bottom_line">关于我们</h1>
				<p>
			<div class="left" style="font-size: 20px;color: white;">
				
              <dl style="color: white;float: left;">
                
                 <dd><a href="#">会员条款</a></dd>
                 <dd><a href="#">社区指南</a></dd>
                 <dd><a href="#">版权声明</a></dd>
                 <dd><a href="#">合作伙伴</a></dd>
             </dl>
           <dl style="color: white;float: left;">
            <dd><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></dd>
           </dl>
			<dl style="color: white;float: left;">
               
                 <dd><a href="#">trip简介</a></dd>
                 <dd><a href="#">联系我们</a></dd>
                 <dd><a href="#">合作伙伴</a></dd>

             </dl>
             <dl style="color: white;float: left;">
            <dd><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></dd>
           </dl>
             <dl style="color: white;float: left;">
               
                 <dd><a href="#">加入trip</a></dd>
                 <dd><a href="#">招聘职位</a></dd>
                 

             </dl>
             
             
         </div>
				</p> 
			</div>
			<!-- END COL 1/2 -->
            
			<!-- START COL 1/2 -->
            
           
         
           <div class="clear padding10"></div>
			
			<!-- end col 1/2 -->
			
			
            
            <!-- start col -->
            
            	<div>
                
                <h2 class="regular white bottom_line">友情连接</h2>
				<p>
					<div  id="youqing">
                            <ul style="font-size: 20px;">
                                <li>
                                    <a href="http://www.ethainan.com/" title="E假海南旅行网" target="_blank">E假海南旅行网</a>
                                </li>
                                <li>
                                    <a href="http://www.glljsh.com" title="桂林两江四湖" target="_blank">桂林两江四湖</a>
                                </li>
                                <li>
                                    <a href="http://www.pinchain.com" title="品橙旅游" target="_blank">品橙旅游</a>
                                </li>
                                <li>
                                    <a href="http://www.nagasakiyou.net/index.php" title="长崎旅游咨询网" target="_blank">长崎旅游咨询网</a>
                                </li>
                                <li>
                                    <a href="http://www.kulangsuisland.org" title="鼓浪屿官方旅游指南" target="_blank">鼓浪屿官方旅游指南</a>
                                </li>
                            </ul>
                        </div>
				</p>
				<div class="clearfix">
					
					<a href="javascript:" class="green-button">关注我们</a>
				</div>
                
                </div>
             </div>
            <!-- emd col -->
            
			<div class="clear padding80"></div>
			
		</div>
	</section>
		
	
	<!-- footer -->
	<footer class="footer_bg_bottom clearfix">
		<div class="footer_bottom container">
			<div class="col_2_3">
				
			
				
				
				<div class="clear padding20"></div>
				
				
				<p>
					【trip网】出境游_旅游攻略_自助游攻略_游记攻略_境外旅游 旅途永无止尽 </p>
				
			</div>
			
			<div class="clear padding20"></div>
		</div>
	</footer>
	<!-- /footer -->
  	
    </div>
    <!--wrapper end-->
	
</body>
</html>